<template>
  <div style="padding: 0cm;">
    <div class="All">
    <div class="content">
    
 <Carousel autoplay v-model="value" :height="height" autoplay-speed="3000" loop>
        <CarouselItem>
          <div class="Car1" >
            <div style="padding-top: 9cm;padding-left: 22cm;">
            <h1 style="font-size: 50px;font-weight: 500;color: white;">邮箱收发系统 </h1>
            <p style="font-size: 23px;font-weight: 100;color: white;">软件开发实训作品</p>
            <br/>
            <br/> 
              <div style="float: left;padding-left: 1cm;">
            <Button size="large" type="primary" @click="toLogin">去登录</Button>
          </div>
           <div style="padding-left: 1cm;float: left;">
            <Button size="large" type="default" >了解详情</Button>
          </div>
          </div>
        </div>
        </CarouselItem>
  
        <CarouselItem>
          <div class="Car1">
            <div style="padding-top: 9cm;padding-left: 21cm;">
            <h1 style="font-size: 50px;font-weight: 500;color: white;">邮箱收发系统 </h1>
            <!-- <p style="font-size: 23px;font-weight: 100;color: white;">学生会员价</p> -->
            <br/>
            <br/> 
              <div style="float: left;padding-left: 1cm;">
            <Button size="large" type="primary">关于我们</Button>
          </div>
           <div style="padding-left: 1cm;float: left;">
            <Button size="large" type="default" >平台手册</Button>
          </div>
          </div>
        </div>
        </CarouselItem>
      
        <!-- <CarouselItem>
          <div class="Car1">
          <div style="padding-top: 9cm;padding-left: 20cm;">
            <h1 style="font-size: 50px;font-weight: 500;color: white;">面向AIGC的解决方案 </h1>
            <p style="font-size: 23px;font-weight: 100;color: white;">弹性部署震撼上线</p>
            <br/>
            <br/> 

           <div style="padding-left: 1cm;float: left;">
            <Button size="large" type="default" >了解详情</Button>
          </div>
        </div>
       </div>
        </CarouselItem> -->
        <!-- <CarouselItem>
          <div class="Car1">
            <div style="padding-top: 9cm;padding-left: 26cm;">
            <h1 style="font-size: 50px;font-weight: 500;color: white;">不知道写什么了 </h1>
            <p style="font-size: 23px;font-weight: 100;color: white;">aabbcc</p>
            <br/>
            <br/> 
            <div style="float: left;padding-left: 1cm;">
            <Button size="large" type="primary">xxxx</Button>
          </div>
           <div style="padding-left: 1cm;float: left;">
            <Button size="large" type="default" >xxxx</Button>
          </div>
          </div>
        </div>
        </CarouselItem> -->
    </Carousel>
  </div>
  </div>
</div>
</template>

<script>
export default {
  name: "VueIndex",
  data() {
    return {
      value: 0,
      height: window.innerHeight
    }
  },
  methods:{
    toLogin(){
      this.$router.push("/Login")
    }
  },
  created(){
    this.$store.dispatch('app/setIsConsole', false)
      console.log(this.$store.state.app.isConsole)
      this.$emit('change-console', false)
  }
	}
</script>

<style scoped>
.Car1{ 
  margin:0px;
  background-image: url('@/assets/image/bg.jpg');
  width: 2000px;
  height: 90%;
  background-size:100% 100%;
  background-attachment:fixed;
}
.name {
  position: absolute;
  font-size: 50px;
  top: 50%;
 right:30%;
 font-family: '黑体';
 color: ghostwhite;
}
.content {
width: 100%;
height: auto;
}
.All {
background-color: aliceblue;
}
</style>
